<template>
  <view>
    <u-input v-model="inputData" placeholder="请输入数据"></u-input>
    <u-button type="primary" @click="submitData">提交数据</u-button>
    <view v-if="responseMessage">{{ responseMessage }}</view>
  </view>
</template>

<script>
import axios from '@/common/utils/axios'; // 引入你创建的 axios 实例

export default {
  data() {
    return {
      inputData: '', // 用户输入的数据
      responseMessage: '', // 响应消息
    };
  },
  methods: {
    async submitData() {
      try {
        // 发送 POST 请求
        const response = await axios.post('/greenbin/Index/PostTest', { data: this.inputData });
        this.responseMessage = response.msg || '数据提交成功！'; // 假设返回的数据格式中有 message 字段
      } catch (error) {
        this.responseMessage = '数据提交失败！'; // 处理错误
        console.error('提交数据时发生错误:', error);
      }
    },
  },
};
</script>

<style scoped>
/* 添加你的自定义样式 */
</style>